<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>Phenomenon | Pricing / Plans</title>
<!-- CSS -->
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
<link rel="stylesheet" href="css/superfish.css" type="text/css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<!-- Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/Harabara.js"></script>
<script src="js/superfish.js"></script>
<script src="js/css_browser_selector.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/tipsy.js"></script>
<script src="js/bluz.js"></script>
</head>
<body id="sub-page">
<!-- site-wrapper START here -->
<div id="site-wrapper">
  <!-- header START here -->
  <header>
    <!-- container START here -->
    <div class="container">
      <!-- logo START here -->
      <div id="logo">
        <h1><a href="index.html"><img src="images/logo2.png" alt="" /></a></h1>
      </div>
      <!-- logo END here -->
      <div id="login-holder"> <a href="#login-box" class="sml-btn green">Login</a> </div>
      <!-- navigation START here -->
      <ul class="sf-menu">
        <li><a href="index.html">Home</a></li>
        <li><a href="page.html">Company</a>
          <ul>
            <li><a href="full-width.html">Layout Options</a></li>
            <li><a href="#">Level #3</a>
              <ul>
                <li><a href="#">Just For Demonstration Purposes</a></li>
                <li><a href="#">Demonstration</a></li>
                <li><a href="#">Purposes</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="services.html">Services</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li class="current_page_item"><a href="pricing.html">Pricing</a></li>
        <li><a href="blog.html">Blog</a>
           <ul>
              <li><a href="single.html">Single Post</a></li>
           </ul>
        </li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <!-- navigation END here -->
      <div id="pagename">
        <div class="inside">
          <h2>Pricing</h2>
          <p class="breadcrumbs">You are here : <a href="#">Home</a> / Pricing</p>
        </div>
      </div>
    </div>
    <!-- container END here -->
  </header>
  <!-- header END here -->
  <!-- content START here -->
  <div id="content">
    <!-- container START here -->
    <div class="container">
      <!-- full-width START here -->
      <div class="full-width">
        <table class="pricing-table">
          <thead>
            <tr>
              <td style="width: 250px;" class="colfirst"><h3>The<br>Plans<br>Feauters:</h3></td>
              <td style="width: 150px;"><h3>Begginer</h3><br><span class="price">$25</span></td>
              <td style="width: 150px;"><h3>Advanced</h3><br><span class="price">$50</span></td>
              <td style="width: 150px;" class="collast"><h3>Premium</h3><br><span class="price">$100</span></td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="colfirst"><span>Storage space</span></td>
              <td>1000 MB</td>
              <td>2000 MB</td>
              <td class="collast">5000 MB</td>
            </tr>
            <tr>
              <td class="colfirst"><span>Time tracking</span></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>Unlimited views</span></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>Sharing</span></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>HD enabled</span></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/no.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>Time tracking</span></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>Unlimited views</span></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>Sharing</span></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>HD enabled</span></td>
              <td><img alt="" src="images/mini-icons/yes.png" class="icon"></td>
              <td><img alt="" src="images/mini-icons/no.png" class="icon"></td>
              <td class="collast"><img alt="" src="images/mini-icons/no.png" class="icon"></td>
            </tr>
            <tr>
              <td class="colfirst"><span>Buy now</span></td>
              <td><a href="#" class="big-btn red aligncenter">Order Now !</a></td>
              <td><a href="#" class="big-btn green aligncenter">Order Now !</a></td>
              <td class="collast"><a href="#" class="big-btn blue aligncenter">Order Now !</a></td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- full-width END here -->
    </div>
    <!-- container END here -->
  </div>
  <!-- content END here -->
</div>
<!-- site-wrapper END here -->
<!-- footer START here -->
<footer>
  <!-- container START here -->
  <div class="container">
    <div id="footer-colums">
      <!-- footer-colum1 START here -->
      <div class="footer-colum">
        <h4>Company</h4>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Jobs</a></li>
        </ul>
      </div>
      <!-- footer-colum1 END here -->
      <!-- footer-colum2 START here -->
      <div class="footer-colum">
        <h4>Useful Links</h4>
        <ul>
          <li><a href="#">Affiliate Sign Up</a></li>
          <li><a href="#">Affiliate Login</a></li>
          <li><a href="#">Control Panel Login</a></li>
        </ul>
      </div>
      <!-- footer-colum2 END here -->
      <!-- footer-colum3 START here -->
      <div class="footer-colum">
        <h4>Contact Methods</h4>
        <ul>
          <li><a href="#">Live Chat</a></li>
          <li><a href="#">support@companyname.com</a></li>
          <li><a href="#">1-800-MYCOPMANY - toll free</a></li>
          <li><a href="#">1-234-567-8901 - Local Number</a></li>
        </ul>
      </div>
      <!-- footer-colum3 END here -->
      <!-- footer-colum4 START here -->
      <div class="footer-colum no-margin">
        <h4>From The Blog</h4>
        <ul>
          <li><a href="#">New hosting plan</a></li>
          <li><a href="#">Buy hosting plan - get 1 domain for life.</a></li>
          <li><a href="#">HostingCompany celebrates 2 years!</a></li>
          <li><a href="#">August special offers</a></li>
          <li><a href="#">Hiring! we are looking for designers</a></li>
        </ul>
      </div>
      <!-- footer-colum4 END here -->
    </div>
  </div>
  <!-- container END here -->
  <!-- bottom-footer START here -->
  <div id="bottom-footer">
    <!-- container START here -->
    <div class="container">
      <p class="alignleft">&copy; 2010 All Rights Reserved.</p>
      <ul id="social-list" class="alignright">
        <li><a href="#" rel="tipsy" title="Monthly Newsletter"><img src="images/social-icons/email.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Facebook"><img src="images/social-icons/facebook.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Twitter"><img src="images/social-icons/twitter.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Flickr"><img src="images/social-icons/flickr.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Last FM"><img src="images/social-icons/lastfm.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Linked In"><img src="images/social-icons/linkedin.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Myspace"><img src="images/social-icons/myspace.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Skype"><img src="images/social-icons/skype.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Stumble Upon"><img src="images/social-icons/stumbleupon.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Youtube"><img src="images/social-icons/youtube.png" alt="" /></a></li>
      </ul>
    </div>
    <!-- container END here -->
  </div>
  <!-- bottom-footer END here -->
</footer>
<!-- footer END here -->
<div class="hidden">
  <div id="login-box">
    <form action="" method="post">
      <label for="login-username">Username:</label>
      <input type="text" name="login_username" id="login-username" />
      <label for="login-password">Password:</label>
      <input type="text" name="login_password" id="login-password" />
      <div class="submit-block"> <span class="alignleft">
        <input name="" type="checkbox" value="" class="checkbox" />
        Remember me</span> <span class="alignright">
        <input type="submit" name="submit" id="login-submit" value="Login" class="sml-btn grey" />
        </span> </div>
      <a href="#" class="lostpass">Lost your password or username?</a>
    </form>
  </div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script src="js/init_form.js"></script>
</body>
</html>
